import React from "react"

const Child = ({name}) => {
    console.log('render child')
    return (
        <div>my name is {name}</div>
    )
}

export default React.memo(Child)
// export default Child

/**
*
 * react.memo 
 * 在 react中 父组件render时 子组件可能产生不必要的渲染
 * 我们可以把子组件传进 React.memo中。React.memo 会对
 * 新旧props 进行一个浅对比。只有props 变化时 子组件才会渲染。
 */